
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=">
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport">
<meta name="format-detection" content="telphone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
<title>{$title}</title>
</head>
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css"
	type="text/css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<script> var gameNameTemp = '{$kjjg_id}';</script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
<style>
body,#wrapper_1 {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
} /*解决苹果滚动条卡顿的问题*/
#wrapper_1 {
	overflow-y: visible !important;
}

body.login-bg {
	padding-top: 97px;
}

.lott-menu {
	position: fixed;
	top: 44px;
	left: 0;
	margin-top: 0 !important;
}
</style>
<style>
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.header{
	height: 80px;
}
.header #reveal-left{
	margin-top: 8px;
}
</style>
<script>
	//覆盖（重写 ）iscro-lot.js 同名方法避免bug产生 (只有使用IScroll.js的地方才需要调用iscro-lot.js文件中的 loaded()方法 )
	function loaded() {
	}//空实现
	firstPage = 0;//常亮
	//  document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); //uc浏览器滑动
</script>
{block name="style"}{/block}
<body>
	<div class="header">
		<div class="headerTop">
			<div class="ui-toolbar-left">
				<button id="reveal-left" onClick="window.history.go(-1);">reveal</button>
			</div>
			<!--<h1 class="ui-toolbar-title">{$title}</h1>-->
			
			<div id="" style="width: 95%;height: 60px;background-color: white;margin-left: 47px;margin-top: 10px;border-radius: 30px;">
				<div id="" style="display: inline-block;width: 50px;margin-left: 8px;margin-top: 5px;">
					<img src="__TEMPLATE__/sysme/images/{$caipiao.id}.png" alt="" />
				</div>
				<p style="margin-top: -48px;margin-left: 62px;position: relative;"><span>{$caipiao.cp_name_new}</span>
				 <span class="c" id="djsdemo" style="position: absolute;top: 3px;right: -1px;">
					    	<span class="second" style="color: #d91d36;float: right;margin-right: 45px;font-size: 12px;">00</span>
							<span style="color: #d91d36;float: right;margin-right: 5px;font-size: 12px;">:</span>
							<span class="minute" style="color: #d91d36;float: right;margin-right: 10px;font-size: 12px;">00</span>
							<span style="color: #d91d36;float: right;margin-right: 5px;font-size: 12px;">:</span>
							
							<span class="hour" style="color: #d91d36;float: right;margin-right: 4px;font-size: 12px;">00</span>
					</span>
			
				</p>
				<p style="margin-top: 6px;margin-left: 62px;color: #999;font-size: 0.875rem;"><span>第{$caipiao.qihao}期</span><span style="float: right;color: black;margin-right: 35px;">即将开奖....</span></p>
			</div>

		</div>
	</div>
	
	
	<style type="text/css">
	.kjn_span span{
		display: inline-block;
		width: 25px;
		height: 25px;
		background-color: #d91d36;
		border-radius: 50%;
		color: white;
		text-align: center;
		line-height: 25px;
	}
</style>
<div class="lott-menu"></div>
<div style="width: 98%; margin: auto;">
{volist name="list" id="kjls"}
	<div style='width: 98%; height: 70px; line-height: 35px; border-bottom: 1px solid #ddd'>
		<div style='float: left; width: 98%; height: 35px; margin-left: 1%'>

			<div style="color: #999;font-size: 0.875rem;">
				<span>第{$kjls.qihao}期</span>
				<span style="float: right;display: inline-block;height:20px;">{$kjls.jztime|date='Y-m-d H:i:s',###}</span>
			</div>

			<div class="kjn_span" style='margin-top: -5px; margin-left: 3%'>
				
				{volist name="kjls.kjjg" id="it"}
				{if condition="$kjls.czid eq 9"}
					
						{if ($it=='01'||$it=="02"||$it=="07"||$it=="08"||$it=="12"||$it=="13"||$it=="18"||$it=="19"||$it=="23"||$it=="24"||$it=="29"||$it=="30"||$it=="34"||$it=="35"||$it=="40"||$it=="45"||$it=="46")}
						<span style="background:red;">{$it}</span>
						{elseif($it=="05"||$it=="06"||$it=="11"||$it=="16"||$it=="17"||$it=="21"||$it=="22"||$it=="27"||$it=="28"||$it=="32"||$it=="33"||$it=="38"||$it=="39"||$it=="43"||$it=="44"||$it=="49") /}
						<span style="background:green;">{$it}</span>
						{elseif($it=="03"||$it=="04"||$it=="09"||$it=="10"||$it=="14"||$it=="15"||$it=="20"||$it=="25"||$it=="26"||$it=="31"||$it=="36"||$it=="37"||$it=="41"||$it=="42"||$it=="47"||$it=="48") /}
						<span style="background:blue;">{$it}</span>
						{/if}
						{if(count($kjls.kjjg)==($key+2))}
						+
						{/if}
					
				{else /}
					{if condition="$syiq eq $kjls.qihao"/}
					<span>{$it}</span>
					{else /}
					<span style="color:red;background:white;border:1px red solid;width:22px;height:22px;line-height:22px;text-align: center;">{$it}</span>
					{/if}
					{/if}
				{/volist}
			
			</div>

		</div>

	</div>
	{/volist}
</div>
	
	
	<!--<a href="{:url('game/index')}?game_id={$caipiao.id}">
		<div class="menu" style="border-top: 2px solid #d8d8d8;box-shadow: 0 0 10px #d8d8d8;background-color: #d91d36;height: 50px;color: white;text-align: center;line-height: 50px;font-size: 1.25rem;">
		去购彩
		</div>
	</a>-->
	
</body>
<script>
	$('div.lott-menu li').click(function() {
		var cat = $(this).data('cat');
		if (cat == 1) { //高频
			$('div.lottery-list li.game_category_2').hide();
			$('div.lottery-list-erect li.game_category_2').hide();
			$('div.lottery-list li.game_category_1').show();
			$('div.lottery-list-erect li.game_category_1').show();
		} else if (cat == 2) { //低频
			$('div.lottery-list li.game_category_1').hide();
			$('div.lottery-list-erect li.game_category_1').hide();
			$('div.lottery-list li.game_category_2').show();
			$('div.lottery-list-erect li.game_category_2').show();
		} else { //全部
			$('div.lottery-list li').show();
			$('div.lottery-list-erect li').show();
		}
		for ( var i = 0; i < 3; i++) {
			if (i == cat) { //选中
				$('div.lott-menu li.nav_category_' + i).hide();
				$('div.lott-menu li.nav_sel_' + i).show();
			} else { //未选中
				$('div.lott-menu li.nav_category_' + i).show();
				$('div.lott-menu li.nav_sel_' + i).hide();
			}
		}
		loaded();
	});
</script>
</html>
